<template>

    <el-image :src="src | getRealUrl" :preview-src-list="showPreview?getUrl:null"  lazy></el-image>



</template>
<script>

 import  {getImgUrl} from "@/utils/util";

   export  default {

     data(){
       return {

       }
     },
     computed:{
       getUrl(){
         return [this.initImage()]
       }
     },
     filters:{
       getRealUrl(val){
         return getImgUrl(val)
       }
     },
     props: {
       src:{
         type: String,
         required: true
       },
       showPreview:{
          type:Boolean,
          default:true
       }
     }

   }
</script>
